<html>

	<head>
		<style>
			ul {
				width:1000px;
				margin:auto;
			}
			
			ul li{
				height:20px;
				overflow:hidden;
			}
			
			ul li.active{
				height:auto;
			}
		</style>
	
	</head>
	<body>
		<ul>
			<li>读取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩二分3玩儿</li>
			<li>读取为取鄂3取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩二维3玩儿无二分3玩儿</li>
			<li>读取为取鄂3取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩取为取鄂3二维3玩3454575675都发给他的个人天赋个人提供儿无二分3玩二维3玩儿无二分3玩儿</li>
		</ul>
		
		<script>
			var lis = document.querySelectorAll("li")
			
			lis.forEach(function(item){
				item.onclick = function(){
					myToggle(item,"active")
				}
			})
			
			function myToggle(el,className){
				if(el.classList.contains(className)){
					el.classList.remove(className)
				}else{
					el.classList.add(className)
				}
			}
		
		</script>
	
	</body>


</html>